root { 
    display: block;
}

.root {
     -fx-background-image: url("background.jpg");
}

#title-text {
   -fx-font-size: 25px;
   -fx-fill: #ffffff;
   -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );
}

.label {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: #333323;
    -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );
}
.combo-box {
	 -fx-text-fill: #333323;
	-fx-background-color: linear-gradient(rgba(250,250,250),rgba(220,220,220));
	-fx-effect: dropshadow( three-pass-box , rgba(0,0,80,0.6) , 5, 0.0 , 0 , 1 );
}
.combo-box-popup {
	 -fx-text-fill: #333323;
	-fx-background-color: linear-gradient(rgba(250,250,250),rgba(220,220,220));
	-fx-effect: dropshadow( three-pass-box , rgba(0,0,80,0.6) , 5, 0.0 , 0 , 1 );
}

.radio-button {
	-fx-text-fill: #333323;
	-fx-font-weight: bold;
	-fx-font-size: 14px;	
    -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );
}

.text-field {
	-fx-text-fill: black;
	-fx-font-size: 14px;	
	-fx-background-color: linear-gradient(rgba(250,250,250),rgba(220,220,220));
	-fx-effect: dropshadow( three-pass-box , rgba(0,0,80,0.6) , 5, 0.0 , 0 , 1 );
	
} 
#actiontarget {
  -fx-fill: FIREBRICK;
  -fx-font-weight: bold;
  -fx-effect: dropshadow( gaussian , rgba(255,255,255,0.5) , 0,0,0,1 );  
}

.button {
    -fx-text-fill: #333323;
    -fx-font-weight: bold;
    -fx-background-color: linear-gradient(#ffffff, rgb(200,200,200));
    -fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.6) , 5, 0.0 , 0 , 1 );
}

.button:hover {
    -fx-background-color: linear-gradient(rgb(100,100,100), rgb(150,150,150));
}

#pill-left {
    -fx-base: lightgreen; 
}
#pill-center {
	-fx-base: lightblue;
}
#pill-right {
	-fx-base: salmon;
}

